/* 页面元素rem 计算公式：元素  / html字体大小(50) */
@basefont:50;
/* 头部 */
.heard_top {
    box-sizing: border-box;
    padding: 0 (30rem / @basefont);
    position: relative;
    height: (107rem / @basefont);
    width: 100%;
    background-color: white;
    /* 左菜单栏 */
    .menubar {
        color: #4d4d4d;
        height: (60rem / @basefont);
        width: (60rem / @basefont);
        /* background-color: skyblue; */
    }
    .menubar::before {
        content: '';
        font-size: 0.75rem;
        font-family: 'icomoon';
    }
    /* 中间标题 */
    .centerT {
        height: 100%;
        width: (576rem / @basefont);
        /* background-color: red; */
        .logo {
            display: block;
            height:(47.46rem / @basefont);
            width:  (72rem / @basefont);
            /* background-color: palegoldenrod; */
            background: url('../logo.png') no-repeat;
            background-size: 100% ;
        }
        .name {
            margin: 0 (12rem / @basefont);
            display: block;
            font-size: 0.8rem;
            font-weight: 400;
            
        }
    }
    /* 用户中心 */
    .user {
        position: absolute;
        right:(30rem / @basefont);
        height: (38.4rem / @basefont);
        width: (38.4rem / @basefont);
        /* background-color: skyblue; */
        color: #333;
        a {
            display: block;
            /* position: relative; */
            line-height: (38.4rem / @basefont);
            height: 100%;
            width: 100%;
            /* background-color: gray; */
            &::before {
                /* position: absolute;
                top: (-0.5rem); */
                content: '';
                font-family: 'icomoon';
                font-size: 0.8rem;
            }
        }
    }
}

/* 各种盒子头部 */
/* - xxx - 类型 盒子头部 */
.box_top {
    background-color: white;
    position: relative;
    border-bottom: (0.1rem / @basefont) solid rgb(240, 240, 240);
    height: (96rem / @basefont);
    .box_top_name {
        display: block;
        width: 100%;
        line-height: (96rem / @basefont);
        text-align: center;
        font-size: 0.6469rem;
        font-weight: bolder;
        color: rgba(51,51,51,1);
    }
    .box_top_more {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: (35rem / @basefont);
        color: rgb(206, 206, 206);
        font-weight: 300;
    }
}
/* | xx 类型盒子头部 */
.box_top_two {
    padding-left: (35rem / @basefont);
    width: 100%;
    height: (96.8rem / @basefont);
    border-bottom: 0.04313rem rgba(243,243,243,1) solid;
    border-radius: (15rem / @basefont);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: outset 0 0 5px rgb(0 0 0 / 20%);
    background-color: white;
    color: rgba(51,51,51,1);
    .litter_box {
        margin-right: (23rem / @basefont);
        height: (30rem / @basefont);
        width: (6rem / @basefont);
        border-radius: (4.2rem / @basefont);
        background-color: rgba(50, 133, 255, 1);
    }
    .box_name {
        font-size: 0.69003rem;
    }
}
/* 标题   更多 类型盒子头部 */
.box_top_three {
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items:center;
    border-bottom: 0.04313rem rgba(243,243,243,1) solid;
    width: 100%;
    height: (103.66rem / @basefont);
    h5 {
        margin-left: (35rem / @basefont);
        font-size: 0.7rem;
        font-weight: bolder;
        color: rgba(51,51,51,1);
    }
    a {
        margin-right: (35rem / @basefont);
        font-size: (0.56rem);
        color: rgba(161,161,166,1);
    }
}

/* footer */
.footer {
    /* background-color: pink; */
    padding: (36rem / @basefont) 0;
    font-size: 0.55rem;
    color: #bfbfc3;
    text-align: center;
    width: 100%;
    height: (260rem / @basefont);
    .footer_one::after {
        content: '|';
        padding: 0 (15rem / @basefont);
        line-height: (37rem / @basefont);
    }
}
/* 底部导航 */
.footer_nav {
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 15rem;
    height: (95rem / @basefont);
    .footer_nav_list {
        display: flex;
        height: 100%;
        a[class^='footer_nav_btn'] {
            flex: 1;
        }
        a {
            flex-wrap: nowrap;
            flex-flow: column;
            color: #000;
            i {
                display: block;
                /* background-color: skyblue; */
                height: (35rem / @basefont);
                width: (35rem / @basefont);
                font-family: 'icomoon';
                font-size: 0.7rem;
                text-align: center;
                line-height: (35rem / @basefont);
            }
            span {
                font-size: 0.43127rem;
            }
        }
    }
    
}
/* 左导航栏 */
.nav_intheleft {
    display: none;
    z-index: 999;
    position: fixed;
    left: -60%;
    top: 0;
    /* left: 0; */
    height: 100%;
    width: 60%;
    background-color: #fff;
    /* background-color: pink; */
    box-shadow: 0rem 0rem 0.60377rem rgb(0 0 0 / 21%);
    .nav_left {
        .nav_left_in {
            height: 100%;
            width: 100%;
            /* background-color: orangered; */
            .nav_list {
                /* display: flex; */
                flex-direction: column;
                height: 100%;
                width: 100%;
                /* background-color: pink; */
                font-size: (35rem / @basefont);
                a {
                    /* flex: 1; */
                    padding-left: (50rem / @basefont);
                    transform: translateX(-100%);
                    box-sizing: border-box;
                    height: (103rem / @basefont);
                    width: 100%;
                    line-height: ((473*2rem) / @basefont / 9);
                    color: rgba(123,131,134,1);
                    span {
                        float: left;
                        padding-right: (40rem / @basefont);
                        font-family: 'icomoon';
                        /* color: rgba(123,131,134,1); */
                    }
                    p {
                        font-size: (30rem / @basefont);
                        /* color: #000; */
                    }
                    .sy {
                        font-weight: 400;
                    }
                    .zx {
                        font-size: (35rem / @basefont);
                    }
                }
                .show {
                    transform: translateX(0);
                    transition: all 0.3s ease-out;
                }
                .close {
                    transform: translateX(-100%);
                    transition: all 0.3s ease-out;
                }
            }
        }
    }
}
/* 跳转页尾 */
.near_parking_footer {
    background-color: white;
    height: (120rem / @basefont);
    width: 100%;
    //background-color: skyblue;
    font-size: 0.7rem;
    font-weight: 400;
    color: #333;
    button {
        font-family: 'icomoon';
        font-weight: 400;
        //font-size: 0.38rem;
        color: #ccc;
        background-color: unset;
    }
    .num {
        margin: 0 (50rem / @basefont);
        font-size: 0.6rem;
        //background-color: violet;
        line-height: (120rem / @basefont);
        color: #666;
        .now {
            color: rgba(50, 133, 255, 1);
        }
        i {
            margin: 0 (15rem / @basefont);
        }
    }
}